<template>
    <div>
        <div><Banner></Banner></div>
        <div>
            <ul>
                <!-- router-link实现路由的切换 -->
                <li><router-link to="/home" active-class="active">Home</router-link></li>
                <li><router-link to="/about" active-class="active">About</router-link></li>
            </ul>
        </div>
        <div>
            <!-- router-view实现组件的呈现位置 -->
            <router-view></router-view>
        </div>
    </div>
</template>

<script>
    import Banner from './components/Banner.vue'
    export default {
        name : "App",
        components:{
            Banner
        }
    }
</script>
